<template>
    <div id="Page">
        <Page v-if="total.length>=defaultPageSize" page-size="defaultPageSize" :total="total" class="Float" size="small"  show-elevator show-sizer />
        <div class="clear"/>
    </div>
</template>
<script>
    export default {
        layout:'default',
        name:'pageView',
        props:{
            total:{
                type:Number,
                required:true,
            },
            defaultPageSize:{
                type:Number,
                required:false,
                default:10,
            }
        }
    }
</script>
<style scoped>
    #Page{
        margin-top:20px;
    }
    .Float{
        float:right;
    }
    .clear{
        clear: both;
    }
</style>
